<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新疆行</title>
    <link rel="stylesheet" href="father.css">
    <link rel="stylesheet" href="top.css">
    <link rel="stylesheet" href="left.css">
    <link rel="stylesheet" href="center.css">
    <link rel="stylesheet" href="right.css">
    <link rel="stylesheet" href="bottom.css">
</head>
<body>
    <div class="father">
        <div class="top">
            <div class="banner"></div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">新疆简介</a></li>
                    <li><a href="#">风土人情</a></li>
                    <li><a href="#">吃在新疆</a></li>
                    <li><a href="#">路线选择</a></li>
                    <li><a href="#">自助行</a></li>
                    <li><a href="#">摄像摄影</a></li>
                    <li><a href="#">游记精选</a></li>
                    <li><a href="#">资源下载</a></li>
                    <li><a href="#">雁过留声</a></li>
                </ul>
            </div>
        </div>
        <div class="left">
                <div class="weather">
                    <ul>
                        <li><p>天气查询</p></li>
                        <li><a href="#">乌鲁木齐&nbsp;&nbsp; 雷阵雨 &nbsp; 20℃~31℃</a></li>
                        <li><a href="#">吐鲁番 &nbsp; 多云转阴 &nbsp; 20℃~28℃</a></li>
                        <li><a href="#">喀什 &nbsp; 阵雨转多云 &nbsp; 25℃~32℃</a></li>
                        <li><a href="#">库尔勒 &nbsp; 阵雨转阴 &nbsp; 21℃~28℃</a></li>
                        <li><a href="#">克拉玛依 &nbsp; 雷阵雨 &nbsp; 26℃~30℃</a></li>
                    </ul>
                </div>
                <div class="rec">
                    <ul>
                        <li>今日推荐</li>
                    </ul>
                </div>
                <div class="tp">
                    <ul>
                        <li><a href="#"><img src="img/tuijian1.jpg"><br>喀纳斯河</a></li><br>
                        <li><a href="#"><img src="img/tuijian2.jpg"><br>布尔津</a></li><br>
                        <li><a href="#"><img src="img/tuijian3.jpg"><br>天山之路</a></li><br>
                    </ul>
                </div>
        </div>
        <div class="center">
          <div class="ghost"></div>
          <div class="pic">
              <ul>
                  <li><a href="#"><img src="./img/beauty1.jpg"></a></li>
                  <li><a href="#"><img src="./img/beauty2.jpg"></a></li>
                  <li><a href="#"><img src="./img/beauty3.jpg"></a></li>
                  <li><a href="#"><img src="./img/beauty4.jpg"></a></li>
              </ul>
          </div>
          <div class="route">
              <ul>
                  <li><a href="#">
                    吐鲁番--库尔勒--库车--塔中--和田--喀什
                  </a></li>
                  <li><a href="#">
                    乌鲁木齐--天池--克拉玛依--乌伦古湖--喀纳斯
                  </a></li>
                  <li><a href="#">
                    乌鲁木齐--奎屯--乔玛尔--那拉提--巴音布鲁克
                  </a></li>
                  <li><a href="#">
                    乌鲁木齐--五彩城--将军隔壁--吉木萨尔
                  </a></li>
              </ul>
          </div>
        </div>
        <div class="right">
            <div class="tj">
                <ul>
                    <li>新疆风光</li>
                </ul>
            </div>
            <div class="map">
                <ul>
                    <li><img src="./img/map1.jpg"></li>
                    <li><img src="./img/map2.jpg"></li>
                </ul>
            </div>
            <div class="chi">
                <ul>
                    <li>小吃推荐</li>
                </ul>
            </div>
            <div class="cat">
                <ul>
                    <li>17号抓饭</li>
                    <li>大盘鸡</li>
                    <li>五一夜市</li>
                    <li>水果</li>
                </ul>
            </div>
            <div class="hotel">
                <ul>
                    <li>宾馆酒店</li>
                </ul>
            </div>
            <div class="hl">
                <ul>
                    <li>美丽华大饭店</li>
                    <li>海德大饭店</li>
                    <li>银都大饭店</li>
                    <li>鸿福大饭店</li>
                    <li>友好大酒店</a></li>
                    <li>棉麻宾馆</a></li>
                    <li>电信宾馆</a></li>
                </ul>
            </div>
        </div>
        <div class="bottom">
           <div class="hz">
               <li>艾萨克&nbsp;&nbsp;&copy;版权所有&nbsp;&nbsp;<a>demo@demo.com</a></li>
           </div>
        </div>
    </div>
</body>
</html>